.head-view {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 0.72rem;

  .head-view-left {
    display: flex;
    align-items: center;
    width: 30%;
    height: 100%;

    .logo {
      display: inline-block;
      margin-left: 0.2rem;
      width: 0.5rem;
      height: 0.5rem;
    }

    .title {
      margin-left: 0.2rem;
      font-size: 0.24rem;
      font-weight: bolder;
      color: #8397cb;
    }

  }

  .head-view-right {
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;

    .user {
      margin-right: 0.2rem;
      color: #8397cb;
    }

    .outUser {
      margin-right: 0.2rem;
      width: 0.3rem;
      height: 0.3rem;
      border-radius: 50%;
      color: #8397cb;
      font-size: 0.3rem;
    }
  }
}
